body {
    margin: 2em 15% 2em 15%;
    font-family: sans-serif;
    background-color: #EEEEEC;
    color: #000;
}

h1 {
    padding: 0.3em;
    background-color: #D3D7CF;
    border-bottom: solid 1px #555753;
}

h2 {
    margin-top: 2em;
}

a:link, a:visited {
    color: #3465A4;
}

a:active, a:hover {
    color: #CC0000;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

caption {
    font-weight: bold;
    margin-bottom: 0.2em;
}

th, td {
    border: solid 1px #BABDB6;
    padding: 0.3em;
}

td.centered {
    text-align: center;
}

td.action {
    text-align: center;
    width: 10%;
}

pre {
    background-color: #D3D7CF;
    padding: 0.3em;
}

form p {
    margin-bottom: 0;
}

form > p + p, fieldset + p, p + fieldset, fieldset + fieldset {
    margin-top: 1.5em;
}

form p.hint {
    margin-top: 0.2em !important;
    font-size: smaller;
    color: #888A85;
}

fieldset {
    padding: 0.8em;
}

input.num-field {
    width: 5em;
}

label.error {
    display: inline-block;
    color: #A40000;
    margin-left: 1em;
}

table#headers-table td {
    border: none;
    padding: 0.25em 0 0.25em 1em;
}

table#headers-table td:first-child {
    width: 25%;
    padding-left: 0em;
}

table#headers-table input[type=text] {
    width: 100%;
}
